<template>
  <div class="index-show">
    <HeadBar />
    <div style="background-color: #4B4BDC;height: 100%">
      <a-row>
        <a-col  :span="12" class="imgshow">
          <img alt="初始界面图片" src="@/assets/image/index.png" style="margin-top: 17%; margin-bottom: 16%" width="60%">
        </a-col>
        <a-col :span="10" class="fontshow">
          <a-col class="fontarea" style="text-align: left; margin-top: 40%">
            <h1 class="font1">欢迎登陆出卷系统</h1>
            <h1 class="font3">Welcome to login in to the volume out system</h1>
          </a-col >
        </a-col>
      </a-row>
    </div>
  </div>
</template>

<script>
import HeadBar from "@/components/content/access/HeadBar";
export default {
  name: "index",
  components:{
    HeadBar
  }
}
</script>

<style scoped>

/*隐藏所有的*/
.index-show{
  position: fixed;
  width: 100%;
  height: 100%;
}

.font1{
  color: #ffffff;
  font-size: 4em;
}
.font2{
  color: #ffffff;
  font-size: 4em;
  margin-top: -2%;
}
.font3{
  color: #fefeff;
  font-size: 2.5em;
  margin-top: -3%;
}
</style>
